<!--<template>-->
<!--  <div class="dialog-box" style="position: relative">-->
<!--    <el-scrollbar class="custom-scroll content-box">-->
<!--      <el-form-->
<!--        ref="editLayerDefineRef"-->
<!--        :model="formData"-->
<!--        :size="defaultFormItemSize"-->
<!--        :rules="rules"-->
<!--        label-width="120px"-->
<!--        label-position="right"-->
<!--        @submit.native.prevent-->
<!--      >-->
<!--        <el-row :gutter="16">-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="MDB表名" prop="LayerDefine.tableName">-->
<!--              <el-input-->
<!--                class="input-item"-->
<!--                v-model="formData.LayerDefine.tableName"-->
<!--                type="text"-->
<!--                placeholder=""-->
<!--                :clearable="true"-->
<!--                :show-word-limit="false"-->
<!--                maxlength=""-->
<!--              />-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="图层名称" prop="LayerDefine.displayName">-->
<!--              <el-input-->
<!--                class="input-item"-->
<!--                v-model="formData.LayerDefine.displayName"-->
<!--                type="text"-->
<!--                placeholder=""-->
<!--                :clearable="true"-->
<!--                :show-word-limit="false"-->
<!--                maxlength=""-->
<!--              />-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="图层类型" prop="LayerDefine.layerType">-->
<!--              &lt;!&ndash;              <el-radio-group :size="defaultFormItemSize"&ndash;&gt;-->
<!--              &lt;!&ndash;                              v-model="formData.LayerDefine.layerType"&ndash;&gt;-->
<!--              &lt;!&ndash;                              @change="onLayerTypeValueChange"&ndash;&gt;-->
<!--              &lt;!&ndash;              >&ndash;&gt;-->
<!--              &lt;!&ndash;                <el-radio&ndash;&gt;-->
<!--              &lt;!&ndash;                  v-for="item in editLayerDefine.layerType.dropdownList"&ndash;&gt;-->
<!--              &lt;!&ndash;                  :key="item.id"&ndash;&gt;-->
<!--              &lt;!&ndash;                  :label="item.id"&ndash;&gt;-->
<!--              &lt;!&ndash;                >{{ item.name }}&ndash;&gt;-->
<!--              &lt;!&ndash;                </el-radio>&ndash;&gt;-->
<!--              &lt;!&ndash;              </el-radio-group>&ndash;&gt;-->

<!--              <el-select-->
<!--                class="input-item"-->
<!--                v-model="formData.LayerDefine.layerType"-->
<!--                placeholder=""-->
<!--                :clearable="true"-->
<!--                :filterable="true"-->
<!--                @visible-change="editLayerDefine.isVisibleWidget.onVisibleChange"-->
<!--              >-->
<!--                <el-option-->
<!--                  v-for="item in editLayerDefine.layerType.dropdownList"-->
<!--                  :key="item.name"-->
<!--                  :label="item.name"-->
<!--                  :value="item.name"-->
<!--                />-->
<!--              </el-select>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <el-col :span="12">-->
<!--            <el-form-item label="是否默认显示" prop="LayerDefine.isVisible">-->
<!--              <el-select-->
<!--                class="input-item"-->
<!--                v-model="formData.LayerDefine.isVisible"-->
<!--                placeholder=""-->
<!--                :clearable="true"-->
<!--                :filterable="true"-->
<!--                @visible-change="editLayerDefine.isVisibleWidget.onVisibleChange"-->
<!--              >-->
<!--                <el-option-->
<!--                  v-for="item in editLayerDefine.isVisibleWidget.dropdownList"-->
<!--                  :key="item.id"-->
<!--                  :label="item.name"-->
<!--                  :value="item.id"-->
<!--                />-->
<!--              </el-select>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--&lt;!&ndash;          <el-col>&ndash;&gt;-->
<!--&lt;!&ndash;            <el-divider content-position="left">显示样式</el-divider>&ndash;&gt;-->
<!--&lt;!&ndash;          </el-col>&ndash;&gt;-->
<!--          &lt;!&ndash;          <el-col :span="12">&ndash;&gt;-->
<!--          &lt;!&ndash;            <el-form-item label="显示顺序" prop="LayerDefine.displayOrder">&ndash;&gt;-->
<!--          &lt;!&ndash;              <el-input-number&ndash;&gt;-->
<!--          &lt;!&ndash;                class="input-item"&ndash;&gt;-->
<!--          &lt;!&ndash;                v-model="formData.LayerDefine.displayOrder"&ndash;&gt;-->
<!--          &lt;!&ndash;                placeholder=""&ndash;&gt;-->
<!--          &lt;!&ndash;                :clearable="true"&ndash;&gt;-->
<!--          &lt;!&ndash;                :step="1"&ndash;&gt;-->
<!--          &lt;!&ndash;                :controls="true"&ndash;&gt;-->
<!--          &lt;!&ndash;              />&ndash;&gt;-->
<!--          &lt;!&ndash;            </el-form-item>&ndash;&gt;-->
<!--          &lt;!&ndash;          </el-col>&ndash;&gt;-->
<!--        </el-row>-->
<!--        <el-row :gutter="16" v-if="layerIsPoint">-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="显示形状" prop="LayerDefine.styleConfig.pointConfig.pointStyle">-->
<!--              <el-select-->
<!--                class="input-item"-->
<!--                v-model="formData.LayerDefine.styleConfig.pointConfig.pointStyle">-->
<!--                <el-option label="圆形" value="circle"></el-option>-->
<!--                <el-option label="方形" value="square"></el-option>-->
<!--                <el-option label="菱形" value="rhombus"></el-option>-->
<!--                <el-option label="星形" value="triangle"></el-option>-->
<!--              </el-select>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item label="图层颜色" prop="LayerDefine.styleConfig.pointConfig.pointColor">-->
<!--              <template slot="label">-->
<!--                <span>图层颜色-->
<!--                  <el-tooltip class="item" effect="dark" placement="top-start">-->
<!--                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle"></i>-->
<!--                    <div slot="content">-->
<!--                      <p>-->
<!--                        系统默认根据要素调查状态显示要素颜色，此配置仅在开启按图层显示颜色时生效。-->
<!--                      </p>-->
<!--                    </div>-->
<!--                  </el-tooltip>-->
<!--                </span>-->
<!--              </template>-->
<!--              <el-color-picker-->
<!--                :size="defaultFormItemSize"-->
<!--                v-model="formData.LayerDefine.styleConfig.pointConfig.pointColor"-->
<!--                :predefine="predefineColors"-->
<!--              >-->
<!--              </el-color-picker>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <el-col :span="12">-->
<!--            <el-form-item label="是否显示注记" prop="LayerDefine.styleConfig.pointConfig.showLabel">-->
<!--              <el-radio-group v-model="formData.LayerDefine.styleConfig.pointConfig.showLabel">-->
<!--                <el-radio :label="true">是</el-radio>-->
<!--                <el-radio :label="false">否</el-radio>-->
<!--              </el-radio-group>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <div v-if="formData.LayerDefine.styleConfig.pointConfig.showLabel">-->
<!--            <el-col :span="12">-->
<!--              <el-form-item-->
<!--                label="注记属性名称"-->
<!--                prop="LayerDefine.styleConfig.pointConfig.labelConfig.propertyName"-->
<!--              >-->
<!--                <el-input-->
<!--                  v-model="formData.LayerDefine.styleConfig.pointConfig.labelConfig.propertyName"-->
<!--                >-->
<!--                </el-input>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--          </div>-->
<!--        </el-row>-->
<!--        <el-row :gutter="16" v-if="layerIsPolyline">-->
<!--          <el-col :span="12">-->
<!--            <el-form-item-->
<!--              label="显示形状"-->
<!--              prop="LayerDefine.styleConfig.polylineConfig.polylineStyle"-->
<!--            >-->
<!--              <el-select v-model="formData.LayerDefine.styleConfig.polylineConfig.polylineStyle">-->
<!--                <el-option label="实线" value="solidline"></el-option>-->
<!--                <el-option label="虚线" value="dashedline"></el-option>-->
<!--              </el-select>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item-->
<!--              label="图层颜色"-->
<!--              prop="LayerDefine.styleConfig.polylineConfig.polylineColor"-->
<!--            >-->
<!--              <template slot="label">-->
<!--                <span-->
<!--                  >图层颜色-->
<!--                  <el-tooltip class="item" effect="dark" placement="top-start">-->
<!--                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle"></i>-->
<!--                    <div slot="content">-->
<!--                      <p>-->
<!--                        系统默认根据要素调查状态显示要素颜色，此配置仅在开启按图层显示颜色时生效。-->
<!--                      </p>-->
<!--                    </div>-->
<!--                  </el-tooltip>-->
<!--                </span>-->
<!--              </template>-->
<!--              <el-color-picker-->
<!--                :size="defaultFormItemSize"-->
<!--                v-model="formData.LayerDefine.styleConfig.polylineConfig.polylineColor"-->
<!--                :predefine="predefineColors"-->
<!--              >-->
<!--              </el-color-picker>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item-->
<!--              label="显示宽度"-->
<!--              prop="LayerDefine.styleConfig.polylineConfig.polylineWidth"-->
<!--            >-->
<!--              <el-input v-model="formData.LayerDefine.styleConfig.polylineConfig.polylineWidth">-->
<!--              </el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="12">-->
<!--            <el-form-item-->
<!--              label="透明度"-->
<!--              prop="LayerDefine.styleConfig.polylineConfig.polylineOpacity"-->
<!--            >-->
<!--              <template slot="label">-->
<!--                <span-->
<!--                  >透明度-->
<!--                  <el-tooltip class="item" effect="dark" placement="top-start">-->
<!--                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle"></i>-->
<!--                    <div slot="content">-->
<!--                      <p>0表示全透明（不显示），1表示不透明（正常显示）</p>-->
<!--                    </div>-->
<!--                  </el-tooltip>-->
<!--                </span>-->
<!--              </template>-->
<!--              <el-slider-->
<!--                v-model="formData.LayerDefine.styleConfig.polylineConfig.polylineOpacity"-->
<!--                :step="5"-->
<!--              >-->
<!--              </el-slider>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <el-col :span="12">-->
<!--            <el-form-item-->
<!--              label="是否显示注记"-->
<!--              prop="LayerDefine.styleConfig.polylineConfig.showLabel"-->
<!--            >-->
<!--              <el-radio-group v-model="formData.LayerDefine.styleConfig.polylineConfig.showLabel">-->
<!--                <el-radio :label="true">是</el-radio>-->
<!--                <el-radio :label="false">否</el-radio>-->
<!--              </el-radio-group>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <div v-if="formData.LayerDefine.styleConfig.polylineConfig.showLabel">-->
<!--            <el-col :span="12">-->
<!--              <el-form-item-->
<!--                label="注记属性名称"-->
<!--                prop="LayerDefine.styleConfig.polylineConfig.labelConfig.propertyName"-->
<!--              >-->
<!--                <el-input-->
<!--                  v-model="formData.LayerDefine.styleConfig.polylineConfig.labelConfig.propertyName"-->
<!--                >-->
<!--                </el-input>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            &lt;!&ndash;            <el-col :span="12">&ndash;&gt;-->
<!--            &lt;!&ndash;              <el-form-item label="显示颜色" prop="LayerDefine.styleConfig.polylineConfig.labelConfig.labelColor">&ndash;&gt;-->
<!--            &lt;!&ndash;                <el-color-picker&ndash;&gt;-->
<!--            &lt;!&ndash;                  v-model="formData.LayerDefine.styleConfig.polylineConfig.labelConfig.labelColor"&ndash;&gt;-->
<!--            &lt;!&ndash;                  :predefine="predefineColors">&ndash;&gt;-->
<!--            &lt;!&ndash;                </el-color-picker>&ndash;&gt;-->
<!--            &lt;!&ndash;              </el-form-item>&ndash;&gt;-->
<!--            &lt;!&ndash;            </el-col>&ndash;&gt;-->
<!--          </div>-->
<!--        </el-row>-->
<!--&lt;!&ndash;        <el-row :gutter="16" v-if="layerIsPolygon">&ndash;&gt;-->
<!--&lt;!&ndash;          <el-col :span="12">&ndash;&gt;-->
<!--&lt;!&ndash;            <el-form-item&ndash;&gt;-->
<!--&lt;!&ndash;              label="图层颜色"&ndash;&gt;-->
<!--&lt;!&ndash;              prop="LayerDefine.styleConfig.polygonConfig.polygonColor"&ndash;&gt;-->
<!--&lt;!&ndash;            >&ndash;&gt;-->
<!--&lt;!&ndash;              <template slot="label">&ndash;&gt;-->
<!--&lt;!&ndash;                <span&ndash;&gt;-->
<!--&lt;!&ndash;                  >图层颜色&ndash;&gt;-->
<!--&lt;!&ndash;                  <el-tooltip class="item" effect="dark" placement="top-start">&ndash;&gt;-->
<!--&lt;!&ndash;                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle"></i>&ndash;&gt;-->
<!--&lt;!&ndash;                    <div slot="content">&ndash;&gt;-->
<!--&lt;!&ndash;                      <p>&ndash;&gt;-->
<!--&lt;!&ndash;                        系统默认根据要素调查状态显示要素颜色，此配置仅在开启按图层显示颜色时生效。&ndash;&gt;-->
<!--&lt;!&ndash;                      </p>&ndash;&gt;-->
<!--&lt;!&ndash;                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                  </el-tooltip>&ndash;&gt;-->
<!--&lt;!&ndash;                </span>&ndash;&gt;-->
<!--&lt;!&ndash;              </template>&ndash;&gt;-->
<!--&lt;!&ndash;              <el-color-picker&ndash;&gt;-->
<!--&lt;!&ndash;                v-model="formData.LayerDefine.styleConfig.polygonConfig.polygonColor"&ndash;&gt;-->
<!--&lt;!&ndash;                :predefine="predefineColors"&ndash;&gt;-->
<!--&lt;!&ndash;              >&ndash;&gt;-->
<!--&lt;!&ndash;              </el-color-picker>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash;          </el-col>&ndash;&gt;-->
<!--&lt;!&ndash;          <el-col :span="12">&ndash;&gt;-->
<!--&lt;!&ndash;            <el-form-item&ndash;&gt;-->
<!--&lt;!&ndash;              label="填充透明度"&ndash;&gt;-->
<!--&lt;!&ndash;              prop="LayerDefine.styleConfig.polygonConfig.polygonOpacity"&ndash;&gt;-->
<!--&lt;!&ndash;            >&ndash;&gt;-->
<!--&lt;!&ndash;              <template slot="label">&ndash;&gt;-->
<!--&lt;!&ndash;                <span&ndash;&gt;-->
<!--&lt;!&ndash;                  >填充透明度&ndash;&gt;-->
<!--&lt;!&ndash;                  <el-tooltip class="item" effect="dark" placement="top-start">&ndash;&gt;-->
<!--&lt;!&ndash;                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle"></i>&ndash;&gt;-->
<!--&lt;!&ndash;                    <div slot="content">&ndash;&gt;-->
<!--&lt;!&ndash;                      <p>0表示全透明（不显示），1表示不透明（正常显示）</p>&ndash;&gt;-->
<!--&lt;!&ndash;                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                  </el-tooltip>&ndash;&gt;-->
<!--&lt;!&ndash;                </span>&ndash;&gt;-->
<!--&lt;!&ndash;              </template>&ndash;&gt;-->
<!--&lt;!&ndash;              <el-slider&ndash;&gt;-->
<!--&lt;!&ndash;                v-model="formData.LayerDefine.styleConfig.polygonConfig.polygonOpacity"&ndash;&gt;-->
<!--&lt;!&ndash;                :step="5"&ndash;&gt;-->
<!--&lt;!&ndash;              >&ndash;&gt;-->
<!--&lt;!&ndash;              </el-slider>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash;          </el-col>&ndash;&gt;-->
<!--&lt;!&ndash;          <el-col :span="12">&ndash;&gt;-->
<!--&lt;!&ndash;            <el-form-item&ndash;&gt;-->
<!--&lt;!&ndash;              label="显示轮廓线"&ndash;&gt;-->
<!--&lt;!&ndash;              prop="LayerDefine.styleConfig.polygonConfig.showOutline"&ndash;&gt;-->
<!--&lt;!&ndash;            >&ndash;&gt;-->
<!--&lt;!&ndash;              <el-radio-group v-model="formData.LayerDefine.styleConfig.polygonConfig.showOutline">&ndash;&gt;-->
<!--&lt;!&ndash;                <el-radio :label="true">是</el-radio>&ndash;&gt;-->
<!--&lt;!&ndash;                <el-radio :label="false">否</el-radio>&ndash;&gt;-->
<!--&lt;!&ndash;              </el-radio-group>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash;          </el-col>&ndash;&gt;-->
<!--&lt;!&ndash;          <div v-if="formData.LayerDefine.styleConfig.polygonConfig.showOutline">&ndash;&gt;-->
<!--&lt;!&ndash;            <el-col :span="12">&ndash;&gt;-->
<!--&lt;!&ndash;              <el-form-item&ndash;&gt;-->
<!--&lt;!&ndash;                label="轮廓线形状"&ndash;&gt;-->
<!--&lt;!&ndash;                prop="LayerDefine.styleConfig.polygonConfig.outlineStyle"&ndash;&gt;-->
<!--&lt;!&ndash;              >&ndash;&gt;-->
<!--&lt;!&ndash;                <el-select v-model="formData.LayerDefine.styleConfig.polygonConfig.outlineStyle">&ndash;&gt;-->
<!--&lt;!&ndash;                  <el-option label="实线" value="solidline"></el-option>&ndash;&gt;-->
<!--&lt;!&ndash;                  <el-option label="虚线" value="dashedline"></el-option>&ndash;&gt;-->
<!--&lt;!&ndash;                </el-select>&ndash;&gt;-->
<!--&lt;!&ndash;              </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-col>&ndash;&gt;-->
<!--&lt;!&ndash;            <el-col :span="12">&ndash;&gt;-->
<!--&lt;!&ndash;              <el-form-item&ndash;&gt;-->
<!--&lt;!&ndash;                label="轮廓线宽度"&ndash;&gt;-->
<!--&lt;!&ndash;                prop="LayerDefine.styleConfig.polygonConfig.outlineWidth"&ndash;&gt;-->
<!--&lt;!&ndash;              >&ndash;&gt;-->
<!--&lt;!&ndash;                <el-input v-model="formData.LayerDefine.styleConfig.polygonConfig.outlineWidth">&ndash;&gt;-->
<!--&lt;!&ndash;                </el-input>&ndash;&gt;-->
<!--&lt;!&ndash;              </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-col>&ndash;&gt;-->
<!--&lt;!&ndash;            <el-col :span="12">&ndash;&gt;-->
<!--&lt;!&ndash;              <el-form-item&ndash;&gt;-->
<!--&lt;!&ndash;                label="轮廓线透明度"&ndash;&gt;-->
<!--&lt;!&ndash;                prop="LayerDefine.styleConfig.polygonConfig.outlineOpacity"&ndash;&gt;-->
<!--&lt;!&ndash;              >&ndash;&gt;-->
<!--&lt;!&ndash;                <template slot="label">&ndash;&gt;-->
<!--&lt;!&ndash;                  <span&ndash;&gt;-->
<!--&lt;!&ndash;                    >轮廓透明度&ndash;&gt;-->
<!--&lt;!&ndash;                    <el-tooltip class="item" effect="dark" placement="top-start">&ndash;&gt;-->
<!--&lt;!&ndash;                      <i&ndash;&gt;-->
<!--&lt;!&ndash;                        class="el-icon-question"&ndash;&gt;-->
<!--&lt;!&ndash;                        style="font-size: 16px; vertical-align: middle"&ndash;&gt;-->
<!--&lt;!&ndash;                      ></i>&ndash;&gt;-->
<!--&lt;!&ndash;                      <div slot="content">&ndash;&gt;-->
<!--&lt;!&ndash;                        <p>0表示全透明（不显示），1表示不透明（正常显示）</p>&ndash;&gt;-->
<!--&lt;!&ndash;                      </div>&ndash;&gt;-->
<!--&lt;!&ndash;                    </el-tooltip>&ndash;&gt;-->
<!--&lt;!&ndash;                  </span>&ndash;&gt;-->
<!--&lt;!&ndash;                </template>&ndash;&gt;-->
<!--&lt;!&ndash;                <el-slider&ndash;&gt;-->
<!--&lt;!&ndash;                  v-model="formData.LayerDefine.styleConfig.polygonConfig.outlineOpacity"&ndash;&gt;-->
<!--&lt;!&ndash;                  :step="5"&ndash;&gt;-->
<!--&lt;!&ndash;                >&ndash;&gt;-->
<!--&lt;!&ndash;                </el-slider>&ndash;&gt;-->
<!--&lt;!&ndash;              </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-col>&ndash;&gt;-->
<!--&lt;!&ndash;          </div>&ndash;&gt;-->
<!--&lt;!&ndash;          <el-col :span="24">&ndash;&gt;-->
<!--&lt;!&ndash;            <el-form-item&ndash;&gt;-->
<!--&lt;!&ndash;              label="是否显示注记"&ndash;&gt;-->
<!--&lt;!&ndash;              prop="LayerDefine.styleConfig.polygonConfig.showLabel"&ndash;&gt;-->
<!--&lt;!&ndash;            >&ndash;&gt;-->
<!--&lt;!&ndash;              <el-radio-group v-model="formData.LayerDefine.styleConfig.polygonConfig.showLabel">&ndash;&gt;-->
<!--&lt;!&ndash;                <el-radio :label="true">是</el-radio>&ndash;&gt;-->
<!--&lt;!&ndash;                <el-radio :label="false">否</el-radio>&ndash;&gt;-->
<!--&lt;!&ndash;              </el-radio-group>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash;          </el-col>&ndash;&gt;-->

<!--&lt;!&ndash;          <div v-if="formData.LayerDefine.styleConfig.polygonConfig.showLabel">&ndash;&gt;-->
<!--&lt;!&ndash;            <el-col :span="12">&ndash;&gt;-->
<!--&lt;!&ndash;              <el-form-item&ndash;&gt;-->
<!--&lt;!&ndash;                label="注记属性名称"&ndash;&gt;-->
<!--&lt;!&ndash;                prop="LayerDefine.styleConfig.polygonConfig.labelConfig.propertyName"&ndash;&gt;-->
<!--&lt;!&ndash;              >&ndash;&gt;-->
<!--&lt;!&ndash;                <el-input&ndash;&gt;-->
<!--&lt;!&ndash;                  v-model="formData.LayerDefine.styleConfig.polygonConfig.labelConfig.propertyName"&ndash;&gt;-->
<!--&lt;!&ndash;                >&ndash;&gt;-->
<!--&lt;!&ndash;                </el-input>&ndash;&gt;-->
<!--&lt;!&ndash;              </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-col>&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;            <el-col :span="12">&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;              <el-form-item label="显示颜色"&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;                            prop="LayerDefine.styleConfig.polygonConfig.labelConfig.labelColor">&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;                <el-color-picker&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;                  v-model="formData.LayerDefine.styleConfig.polygonConfig.labelConfig.labelColor"&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;                  :predefine="predefineColors">&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;                </el-color-picker>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;              </el-form-item>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;            </el-col>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;          </div>&ndash;&gt;-->
<!--&lt;!&ndash;        </el-row>&ndash;&gt;-->
<!--        &lt;!&ndash;            <el-col :span="24">&ndash;&gt;-->
<!--        &lt;!&ndash;              <el-row class="no-scroll flex-box" type="flex" justify="end">&ndash;&gt;-->
<!--        &lt;!&ndash;                <el-button&ndash;&gt;-->
<!--        &lt;!&ndash;                  type="primary"&ndash;&gt;-->
<!--        &lt;!&ndash;                  :size="defaultFormItemSize"&ndash;&gt;-->
<!--        &lt;!&ndash;                  :plain="true"&ndash;&gt;-->
<!--        &lt;!&ndash;                  @click="onCancel(false)"&ndash;&gt;-->
<!--        &lt;!&ndash;                >&ndash;&gt;-->
<!--        &lt;!&ndash;                  取消&ndash;&gt;-->
<!--        &lt;!&ndash;                </el-button>&ndash;&gt;-->
<!--        &lt;!&ndash;                <el-button&ndash;&gt;-->
<!--        &lt;!&ndash;                  type="primary"&ndash;&gt;-->
<!--        &lt;!&ndash;                  :size="defaultFormItemSize"&ndash;&gt;-->
<!--        &lt;!&ndash;                  :disabled="!checkPermCodeExist('formEditTemplate:formEditTemplate:update')"&ndash;&gt;-->
<!--        &lt;!&ndash;                  @click="onUpdateClick()"&ndash;&gt;-->
<!--        &lt;!&ndash;                >&ndash;&gt;-->
<!--        &lt;!&ndash;                  保存&ndash;&gt;-->
<!--        &lt;!&ndash;                </el-button>&ndash;&gt;-->
<!--        &lt;!&ndash;              </el-row>&ndash;&gt;-->
<!--        &lt;!&ndash;            </el-col>&ndash;&gt;-->
<!--      </el-form>-->

<!--      <el-form-->
<!--        ref="editLayerDefineRef"-->
<!--        :model="formData"-->
<!--        :size="defaultFormItemSize"-->
<!--        :rules="rules"-->
<!--        label-width="120px"-->
<!--        label-position="right"-->
<!--        @submit.native.prevent-->
<!--      >-->
<!--      </el-form>-->
<!--    </el-scrollbar>-->
<!--    <el-row class="footer-box" type="flex" justify="end" align="middle">-->
<!--      <el-button :size="defaultFormItemSize" @click="onCancel()">取消</el-button>-->
<!--      <el-button :size="defaultFormItemSize" type="primary" @click="onSubmitLayerDefineClick()"-->
<!--        >保存</el-button-->
<!--      >-->
<!--    </el-row>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import rules from '@/utils/validate';-->
<!--import {-->
<!--  stringCase,-->
<!--  treeDataTranslate,-->
<!--  findItemFromList,-->
<!--  findTreeNodePath,-->
<!--  findTreeNode-->
<!--} from '@/utils';-->
<!--import { uploadMixin, statsDateRangeMixin, cachePageMixin } from '@/core/mixins';-->
<!--import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';-->
<!--import { LayerDefineController, LayerFieldController, DictionaryController } from '@/api';-->
<!--import { LayerFeatureType } from '@/staticDict';-->
<!--import {generateDefaultStyle} from "@/views/formTemplateMng/template";-->

<!--export default {-->
<!--  name: 'editLayerDefine',-->
<!--  props: {-->
<!--    id: {-->
<!--      default: undefined-->
<!--    },-->
<!--    projectTemplateId: {-->
<!--      default: undefined-->
<!--    },-->
<!--    subPage: {-->
<!--      type: [Number, String, Boolean],-->
<!--      default: 0-->
<!--    },-->
<!--    saveOnSubmit: {-->
<!--      type: Boolean,-->
<!--      default: true-->
<!--    },-->
<!--    rowData: {-->
<!--      type: Object-->
<!--    }-->
<!--  },-->
<!--  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin],-->
<!--  data() {-->
<!--    return {-->
<!--      formData: {-->
<!--        LayerDefine: {-->
<!--          // 图层ID-->
<!--          id: undefined,-->
<!--          // 项目模板ID-->
<!--          projectTemplateId: undefined,-->
<!--          // 数据库表名-->
<!--          tableName: undefined,-->
<!--          // 对应MDB的数据库表名-->
<!--          mdbTableName: undefined,-->
<!--          // 图层显示名称-->
<!--          displayName: undefined,-->
<!--          // 图层类型;点线面-->
<!--          layerType: '点',-->
<!--          // 显示样式-->
<!--          displayStyle: undefined,-->
<!--          // 显示样式配置-->
<!--          styleConfig: {-->
<!--            featureTypes: undefined,-->
<!--            pointConfig: {-->
<!--              pointStyle: 'circle',-->
<!--              pointSize: '12',-->
<!--              pointColor: '#00FFFF',-->
<!--              showLabel: false,-->
<!--              labelConfig: {-->
<!--                labelColor: '#00FFFF',-->
<!--                propertyName: 'name'-->
<!--              }-->
<!--            },-->
<!--            polygonConfig: {-->
<!--              polygonColor: '#00FFFF',-->
<!--              polygonOpacity: 20,-->
<!--              showOutline: false,-->
<!--              outlineStyle: 'dashedline',-->
<!--              outlineWidth: '5',-->
<!--              outlineOpacity: 50,-->
<!--              showLabel: false,-->
<!--              labelConfig: {-->
<!--                labelColor: '#00FFFF',-->
<!--                propertyName: 'name'-->
<!--              }-->
<!--            },-->
<!--            polylineConfig: {-->
<!--              polylineWidth: '5',-->
<!--              polylineStyle: 'dashedline',-->
<!--              polylineOpacity: 50,-->
<!--              polylineColor: '#00FFFF',-->
<!--              showLabel: false,-->
<!--              labelConfig: {-->
<!--                labelColor: '#00FFFF',-->
<!--                propertyName: 'name'-->
<!--              }-->
<!--            }-->
<!--          },-->
<!--          // 显示顺序，默认是1-->
<!--          displayOrder: 1,-->
<!--          // 是否默认显示-->
<!--          isVisible: 1,-->
<!--          isDatasourceInit: false-->
<!--        }-->
<!--      },-->
<!--      editLayerDefine: {-->
<!--        // 是否默认显示组件-->
<!--        isVisibleWidget: new DropdownWidget(this.loadIsVisibleDropdownList),-->
<!--        layerType: new DropdownWidget(this.loadLayerTypeDropdownList),-->
<!--        isInit: false-->
<!--      },-->
<!--      rules: {-->
<!--        'LayerDefine.layerType': [-->
<!--          { required: true, message: '请输入图层类型;点线面', trigger: 'blur' }-->
<!--        ],-->
<!--        'LayerDefine.displayName': [-->
<!--          { required: true, message: '请输入图层显示名称', trigger: 'blur' }-->
<!--        ],-->
<!--        'LayerDefine.tableName': [{ required: true, message: '请输入数据库表名', trigger: 'blur' }],-->
<!--        'LayerDefine.isVisible': [-->
<!--          { required: true, message: '请输入是否默认显示', trigger: 'blur' }-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.pointConfig.pointStyle': [-->
<!--          {required: true, message: '请选择显示形状', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.pointConfig.pointColor': [-->
<!--          {required: true, message: '请选择显示颜色', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.pointConfig.pointSize': [-->
<!--          {required: true, message: '请输入显示大小', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.pointConfig.pointRotation': [-->
<!--          {required: true, message: '请输入旋转角度', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.pointConfig.showLabel': [-->
<!--          {required: true, message: '请选择是否显示注记', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.pointConfig.labelConfig.propertyName': [-->
<!--          {required: true, message: '请输入属性名称', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.pointConfig.labelConfig.labelColor': [-->
<!--          {required: true, message: '请选择显示颜色', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.polylineConfig.polylineStyle': [-->
<!--          {required: true, message: '请选择显示形状', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.polylineConfig.polylineColor': [-->
<!--          {required: true, message: '请选择显示颜色', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.polylineConfig.polylineWidth': [-->
<!--          {required: true, message: '请输入显示宽度', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.polylineConfig.polylineOpacity': [-->
<!--          {required: true, message: '请输入透明度', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.polylineConfig.showLabel': [-->
<!--          {required: true, message: '请选择是否显示注记', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.polylineConfig.labelConfig.propertyName': [-->
<!--          {required: true, message: '请输入属性名称', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.styleConfig.polylineConfig.labelConfig.labelColor': [-->
<!--          {required: true, message: '请选择显示颜色', trigger: 'blur'}-->
<!--        ],-->
<!--        'LayerDefine.displayOrder': [-->
<!--          { required: true, message: '请输入显示顺序', trigger: 'blur' }-->
<!--        ],-->
<!--      },-->
<!--      predefineColors: [-->
<!--        '#ff4500',-->
<!--        '#ff8c00',-->
<!--        '#ffd700',-->
<!--        '#90ee90',-->
<!--        '#28B463',-->
<!--        '#00ced1',-->
<!--        '#D0D3D4',-->
<!--        '#1e90ff',-->
<!--        '#c71585',-->
<!--        '#158577'-->
<!--      ]-->
<!--    };-->
<!--  },-->
<!--  methods: {-->
<!--    onCancel(isSuccess = false, data = null) {-->
<!--      if (this.observer != null) {-->
<!--        this.observer.cancel(isSuccess, data);-->
<!--      }-->
<!--    },-->
<!--    /**-->
<!--     * 重置过滤值-->
<!--     */-->
<!--    resetEditLayerDefine() {-->
<!--      this.refreshEditLayerDefine();-->
<!--    },-->
<!--    /**-->
<!--     * 重置所有过滤值-->
<!--     */-->
<!--    resetFilter() {-->
<!--      this.resetEditLayerDefine();-->
<!--    },-->
<!--    /**-->
<!--     * 保存-->
<!--     */-->
<!--    onSubmitLayerDefineClick() {-->
<!--      this.$refs.editLayerDefineRef.validate(valid => {-->
<!--        if (!valid) return;-->

<!--        // 更新富文本字段值-->
<!--        this.formData.LayerDefine.displayStyle = generateDefaultStyle(-->
<!--          this.formData.LayerDefine.layerType,-->
<!--          this.formData.LayerDefine.styleConfig-->
<!--        );-->

<!--        // 级联操作-->
<!--        if (!this.saveOnSubmit) {-->
<!--          let formData = {-->
<!--            ...this.formData.LayerDefine-->
<!--          };-->
<!--          formData.isVisibleDictMap = findItemFromList(-->
<!--            this.editLayerDefine.isVisibleWidget.dropdownList,-->
<!--            formData.isVisible,-->
<!--            'id'-->
<!--          );-->
<!--          this.onCancel(true, formData);-->
<!--          return;-->
<!--        }-->
<!--        let params = {-->
<!--          layerDefineDto: {-->
<!--            id: this.formData.LayerDefine.id,-->
<!--            projectTemplateId: this.projectTemplateId,-->
<!--            tableName: this.formData.LayerDefine.tableName, // TableName是保存的Sqlite数据库表名-->
<!--            mdbTableName: this.formData.LayerDefine.tableName, // MDBTableName是对应的MDB数据库表名，目前这两个值可以认为是一样的。-->
<!--            displayName: this.formData.LayerDefine.displayName,-->
<!--            layerType: this.formData.LayerDefine.layerType,-->
<!--            displayStyle: this.formData.LayerDefine.displayStyle,-->
<!--            displayOrder: this.formData.LayerDefine.displayOrder,-->
<!--            isVisible: this.formData.LayerDefine.isVisible,-->
<!--            styleConfig: this.formData.LayerDefine.styleConfig-->
<!--          }-->
<!--        };-->

<!--        let httpCall = this.isEdit ? LayerDefineController.update : LayerDefineController.add;-->
<!--        httpCall(this, params)-->
<!--          .then(res => {-->
<!--            this.$message.success('保存成功');-->
<!--            this.onCancel(true);-->
<!--          })-->
<!--          .catch(e => {});-->
<!--      });-->
<!--    },-->
<!--    loadLayerDefineData() {-->
<!--      return new Promise((resolve, reject) => {-->
<!--        if (!this.isEdit) {-->
<!--          resolve();-->
<!--          return;-->
<!--        }-->
<!--        if (!this.saveOnSubmit && this.rowData != null) {-->
<!--          this.formData.LayerDefine = JSON.parse(JSON.stringify(this.rowData));-->
<!--          resolve();-->
<!--          return;-->
<!--        }-->
<!--        let params = {-->
<!--          id: this.id-->
<!--        };-->
<!--        LayerDefineController.view(this, params)-->
<!--          .then(res => {-->
<!--            this.formData.LayerDefine = { ...res.data, isDatasourceInit: true };-->
<!--            resolve();-->
<!--          })-->
<!--          .catch(e => {-->
<!--            reject(e);-->
<!--          });-->
<!--      });-->
<!--    },-->
<!--    /**-->
<!--     * 是否默认显示下拉数据获取函数-->
<!--     */-->
<!--    loadIsVisibleDropdownList() {-->
<!--      return Promise.resolve(this.YesNoDict.getList());-->
<!--    },-->
<!--    loadLayerTypeDropdownList() {-->
<!--      return new Promise((resolve, reject) => {-->
<!--        let params = {};-->
<!--        DictionaryController.dictLayerFeatureType(this, params)-->
<!--          .then(res => {-->
<!--            resolve(res.getList());-->
<!--          })-->
<!--          .catch(e => {-->
<!--            reject(e);-->
<!--          });-->
<!--      });-->
<!--    },-->
<!--    /**-->
<!--     * 图层类型选中值改变-->
<!--     */-->
<!--    onLayerTypeValueChange(value) {-->
<!--      this.formData.LayerDefine.styleConfig.featureTypes = value.toLowerCase();-->
<!--    },-->
<!--    onUploadError(e, file, fileList) {-->
<!--      this.$message.error('文件上传失败');-->
<!--    },-->
<!--    onUploadLimit(files, fileList) {-->
<!--      this.$message.error('已经超出最大上传个数限制');-->
<!--    },-->
<!--    refreshEditLayerDefine(reloadData = false) {},-->
<!--    formInit() {-->
<!--      this.loadLayerDefineData()-->
<!--        .then(res => {-->
<!--          this.editLayerDefine.isVisibleWidget.onVisibleChange(true).catch(e => {});-->
<!--          this.editLayerDefine.layerType.onVisibleChange(true).catch(e => {});-->
<!--          if (this.isEdit) this.refreshEditLayerDefine();-->
<!--        })-->
<!--        .catch(e => {});-->
<!--    }-->
<!--  },-->
<!--  computed: {-->
<!--    isEdit() {-->
<!--      return this.saveOnSubmit ? this.id != null : this.rowData != null;-->
<!--    },-->
<!--    layerIsPoint() {-->
<!--      return this.formData.LayerDefine.layerType === '点';-->
<!--    },-->
<!--    layerIsPolyline() {-->
<!--      return this.formData.LayerDefine.layerType === '线';-->
<!--    },-->
<!--    layerIsPolygon() {-->
<!--      return this.formData.LayerDefine.layerType === '面';-->
<!--    }-->
<!--  },-->
<!--  mounted() {-->
<!--    // 初始化页面数据-->
<!--    this.formInit();-->
<!--  }-->
<!--};-->
<!--</script>-->
